<template>
  <div class="VehicleArchivesCommpents">
    <!-- cell组件 -->
    <el-table :data="TableList" style="width: 100%" v-loading="loading">
      <el-table-column fixed prop="carTypeName" label="车辆类型" class="Background#eee"></el-table-column>
      <el-table-column prop="deptUseName" label="使用单位"></el-table-column>
      <el-table-column fixed="right" label="操作">
        <template slot-scope="scope">
          <el-button
            @click.native.prevent="deleteRow(scope.row.pkid, tableData4)"
            type="text"
            size="small"
          >查看明细</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";
export default {
  data() {
    return {
      tableData4: [],
      loading:false
      //常用应用
    };
  },
  props: ["TableList"],
  components: {
  },
  created() {},
  computed: {},
  mounted() {},
  watch: {},
  methods: {
    deleteRow(val) {
      this.$store.dispatch("pageIndex", val).then(data => {
        this.$router.push({path:'/VehicleArchivesDetails'})
      });
    }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
.VehicleArchivesCommpents .cell {
  text-align: center;
}
.VehicleArchivesCommpents .el-table--fit {
  width: 90% !important;
  margin: 0 auto;
  font-size: 0.2rem;
}
.VehicleArchivesCommpents .el-table__header tr th {
  background-color: #eee !important;
}
.VehicleArchivesCommpents .Green1 {
  background: #409EFF !important;
  color: #fff !important;
}
</style>
